﻿<!DOCTYPE html>
<html ng-app="app" ng-controller="MainCtrl">
<head>
    <!----------------------------------- Icon   ---------------------------------->
    <!-- Icon -->
    <link rel="icon" href="/res/com/img/icon.ico" />
    <!----------------------------------- Meta Tag -------------------------------->
    <!-- Meta Tag -->
    <meta name="fragment" content="!" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!----------------------------------- Common ---------------------------------->
    <!-- jQuery -->
    <script type="text/javascript" src="/res/com/jss/jquery/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/jquery/jquery-migrate-1.2.1.min.js"></script>
    <!-- Resource -->
    <script type="text/javascript" src="/cts/i18n/messages.js"></script>
    <script type="text/javascript" src="/cts/i18n/names.js"></script>
    <script type="text/javascript" src="/res/com/jss/i18n/messages.js"></script>
    <script type="text/javascript" src="/res/com/jss/i18n/names.js"></script>
    <!-- Bootstrap -->
    <script type="text/javascript" src="/res/com/jss/bootstrap/bootstrap.min.js"></script>    
    <!-- AngularJS -->
    <script type="text/javascript" src="/res/com/jss/angular/angular.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-route.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-animate.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-resource.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-sanitize.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-touch.min.js"></script>
    <!-- Extend jQuery -->
    <script type="text/javascript" src="/res/com/jss/jquery/ext/jquery-dataTables.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/jquery/ext/tinymce/tinymce.min.js"></script>
    <!-- Extend Bootstrap -->
    <!-- Extend AngularJS -->
    <script type="text/javascript" src="/res/com/jss/angular/ext/ui-utils.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-datatables.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-tree-control.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-google-maps.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/tinymce.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/ui-bootstrap-tpls-0.12.0.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-strap.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-strap.tpl.min.js"></script>
    <!-- Utils -->
    <script type="text/javascript" src="/res/com/jss/utils/lodash.min.js"></script>
    <!-- CTS -->
    <script type="text/javascript" src="/cts/cts.js"></script>
    <script type="text/javascript" src="/cts/cts-helper.js"></script>
    <!-- Customize (AngularJS, CTS) -->
    <script type="text/javascript" src="/res/com/jss/com-angular.js"></script>
    <script type="text/javascript" src="/res/com/jss/com-cts.js"></script>
    <!----------------------------------- Admin ---------------------------------->  
    <!-- Config -->
    <script type="text/javascript" src="/cts/cts-com-ccs.js"></script>
    <script type="text/javascript" src="/cts/cts-adm-ccs.js"></script>
    <!----------------------------------- Private --------------------------------->
    <!-- Controllers -->
    <script type="text/javascript" src="/res/adm/jss/controllers/login.js"></script>
    <!-- Styles -->
    <link rel="stylesheet" type="text/css" href="/res/adm/css/base.css" />
    <link rel="stylesheet" type="text/css" href="/res/adm/css/login-style.css" />
    <!----------------------------------- Title ----------------------------------->
    <title>{{strings.Title}}</title>
</head>
<body>
    <cts-form-pane id="pnLogin">
        <div id="pnInfo" style="width: 100%; height: 80px;">
            <cts-image alt="{{strings.Login}}" class="top-1 left-2" id="imgUser" src="/res/adm/img/login.png" border="false" transparent="true" style="width: 64px; height: 64px;"></cts-image>
            <div id="logo" class="left-6 width-15">
                <img src="/res/adm/img/logo-admin.png" />
            </div>
            <hr class="top-4 left-1" style="width: 330px;" />
        </div>
        <cts-label class="top-5 left-2" id="lblUser" text="{{strings.Account}}"></cts-label>
        <cts-text class="top-5 left-6 width-17" id="txtUser" model="data.UserName" tabindex="10" ui-keypress="{'enter':'auth($event)'}"></cts-text>
        <cts-label class="top-6 left-2" id="lblPass" text="{{strings.Password}}"></cts-label>
        <cts-password class="top-6 left-6 width-17" id="pwdPass" model="data.Password" tabindex="20" ui-keypress="{'enter':'auth($event)'}"></cts-password>
        <cts-button class="top-7 left-6" id="btnLogin" onclick="auth()" tabindex="30" text="{{strings.Login}}"></cts-button>
    </cts-form-pane>
    <cts-alert model="alert"></cts-alert>
</body>
</html>